<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>库存移库</title>

    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

    <script src="/js/axios.min.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/js/qs.min.js"></script>
    <script src="/js/jquery.js"></script>

    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <style>
        h3 a{
            text-decoration: none;
            color: black;
        }
        .cell{
            text-align: center;
        }
        .is-leaf{
            color: rgb(111, 174, 217);
        }
        .el-textarea__inner{
            width: 505px;
            height: 100px;
        }
    </style>
</head>
<body>
    <h3>
        <a href="">库存移库</a>
    </h3>
    <div id="app">
        <el-form :inline="true" class="demo-form-inline" size="mini">
            <el-form-item>
                <el-button type="primary" icon="el-icon-plus" @click="move">移库操作</el-button>
            </el-form-item>
        </el-form>

        <el-dialog title="申请移库"
                   :visible.sync="dialogMoveVisible"
                   width="1400px"
                   @close="closeDialog">
            <el-form :inline="true" class="demo-form-inline" size="mini">
                <el-form-item label="移出库名：" label-width="120px">
                    <el-select v-model="menu.menuNo" style="width: 150px;" @change="menuOut" clearable placeholder="请选择仓库">
                        <el-option
                                v-for="item in menus"
                                :key="item.id"
                                :label="item.wareName"
                                :value="item.wareNo">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini">
                <el-form-item label="转移商品名称：" label-width="120px">
                    <el-input v-model="moveProductName" @input="productNameChange"></el-input>
                </el-form-item>
            </el-form>
            <el-table
                    :data="moveProducts"
                    style="width: 100%"
                    :default-sort = "{prop: 'id', order: 'ascending'}"
                    :border="border">
                <el-table-column label="序号">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.id }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="产品码">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.id }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="商品名称">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.product }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="仓库名称">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.menu.wareName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="货区名称">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.warehouse.goodsName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="货架编号">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.shelves.shelvesNo }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="货位编号">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.cargoNo }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="商品数量">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.productNum }}</span>
                    </template>
                </el-table-column>
            </el-table>
            <el-form :inline="true" class="demo-form-inline" size="mini" style="margin-top: 20px;">
                <el-form-item label="移入库名：" label-width="120px">
                    <el-select v-model="moveInName" style="width: 150px;" @change="menuIn" clearable placeholder="请选择仓库">
                        <el-option
                                v-for="item in menus1"
                                :key="item.id"
                                :label="item.wareName"
                                :value="item.wareName">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini" >
                <el-form-item label="负责人：" label-width="120px">
                    <el-input v-model="tMoveWarehouse.mvPerson"></el-input>
                </el-form-item>
                <el-form-item label="联系电话：" label-width="120px">
                    <el-input v-model="tMoveWarehouse.mvTel"></el-input>
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini" >
                <el-form-item label="移库时间：" label-width="120px">
                    <el-col>
                        <el-date-picker
                                type="date"
                                placeholder="选择日期"
                                v-model="tMoveWarehouse.mvTime"
                                style="width: 145px;">
                        </el-date-picker>
                    </el-col>
                </el-form-item>
                <el-form-item label="移库数量：" label-width="120px" style="margin-left: 32px;">
                    <el-input v-model="tMoveWarehouse.mvNumber"></el-input>
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini" >
                <el-form-item label="移库原因：" label-width="120px">
                    <el-input type="textarea" v-model="tMoveWarehouse.mvMark" width="600px"></el-input>
                </el-form-item>
            </el-form>
            <el-table
                    :data="moveInProducts"
                    style="width: 100%"
                    :default-sort = "{prop: 'id', order: 'ascending'}"
                    :border="border">
                <el-table-column label="序号">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.id }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="产品码">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.id }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="商品名称">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.product }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="入库库名">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.menu.wareName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="入库区域">
                    <template slot-scope="scope">
                        <el-select v-model="scope.row.iomArea"
                                   size="mini" style="width: 140px;"
                                   @change="warehouseChange(scope.row,scope.row.iomArea)"
                                   clearable placeholder="请选择货区">
                            <el-option
                                    v-for="item in warehouses"
                                    :key="item.id"
                                    :label="item.goodsName"
                                    :value="item.goodsNo">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column label="入库货架">
                    <template slot-scope="scope">
                        <el-select v-model="scope.row.iomShelves"
                                   size="mini" style="width: 140px;"
                                   @change="shelvesChange(scope.row,scope.row.iomShelves)"
                                   clearable placeholder="请选择货架">
                            <el-option
                                    v-for="item in scope.row.shelves"
                                    :key="item.shelvesNo"
                                    :label="item.shelvesNo"
                                    :value="item.shelvesNo">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column label="入库货位" router-view v-if="isRouterAlive">
                    <template slot-scope="scope">
                        <el-select v-model="scope.row.iomCargoloca"
                                   size="mini" style="width: 140px;"
                                   @change="cargosChange(scope.row,scope.row.iomCargoloca)"
                                   clearable placeholder="请选择货位">
                            <el-option
                                    v-for="item in scope.row.cargos"
                                    :key="item.id"
                                    :label="item.cargoNo"
                                    :value="item.cargoNo">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column label="确认入库">
                    <template slot-scope="scope">
                        <el-button size="mini" type="primary" icon="el-icon-check" @click="warehouseIn(scope.$index, scope.row)"></el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-dialog>
        <el-table
                :data="moveWarehouses"
                style="width: 100%"
                :default-sort = "{prop: 'id', order: 'ascending'}"
                :border="border">
            <el-table-column label="序号">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.id }}</span>
                </template>
            </el-table-column>
            <el-table-column label="移库单号">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.mvNo }}</span>
                </template>
            </el-table-column>
            <el-table-column label="移出仓库">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.mvOut }}</span>
                </template>
            </el-table-column>
            <el-table-column label="移入仓库">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.mvIn }}</span>
                </template>
            </el-table-column>
            <el-table-column label="转移商品">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.mvGoods }}</span>
                </template>
            </el-table-column>
            <el-table-column label="转移数量">
                <template slot-scope="scope">
                    <span style="margin-left: 10px" name="price">{{ scope.row.mvNumber }}</span>
                </template>
            </el-table-column>
            <el-table-column label="移库原因">
                <template slot-scope="scope">
                    <span style="margin-left: 10px" name="price">{{ scope.row.mvMark }}</span>
                </template>
            </el-table-column>
            <el-table-column label="移库负责人">
                <template slot-scope="scope">
                    <span style="margin-left: 10px" name="price">{{ scope.row.mvPerson }}</span>
                </template>
            </el-table-column>
            <el-table-column label="联系电话">
                <template slot-scope="scope">
                    <span style="margin-left: 10px" name="price">{{ scope.row.mvTel }}</span>
                </template>
            </el-table-column>
            <el-table-column label="移库时间" width="200">
                <template slot-scope="scope">
                    <span style="margin-left: 10px" name="price">{{ scope.row.mvTime }}</span>
                </template>
            </el-table-column>
            <el-table-column label="操作">
                <template slot-scope="scope">
                    <el-button size="mini" type="primary" icon="el-icon-s-grid" @click="showIomWarehouse(scope.row)"></el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-dialog title="移库详情"
                   :visible.sync="dialogMoveDetails"
                   width="1200px"
                   @close="closeMoveDetails">
            <el-form :inline="true" class="demo-form-inline" size="mini">
                <el-form-item label="移出库名：" label-width="120px">
                    {{ tIomWarehouseOut.iomName }}
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini">
                <el-form-item label="转移商品名称：" label-width="120px">
                    {{ tIomWarehouseOut.iomGoods }}
                </el-form-item>
            </el-form>
            <el-table
                    :data="tIomWarehouseOuts"
                    border
                    style="width: 100%">
                <el-table-column
                        prop="id"
                        label="序号">
                </el-table-column>
                <el-table-column
                        prop="iomGoodsno"
                        label="产品码">
                </el-table-column>
                <el-table-column
                        prop="iomGoods"
                        label="商品名称">
                </el-table-column>
                <el-table-column
                        prop="iomName"
                        label="出库库名">
                </el-table-column>
                <el-table-column
                        prop="iomArea"
                        label="出库库区">
                </el-table-column>
                <el-table-column
                        prop="iomShelves"
                        label="出库货架">
                </el-table-column>
                <el-table-column
                        prop="iomCargoloca"
                        label="出库货位">
                </el-table-column>
            </el-table>
            <el-form :inline="true" class="demo-form-inline" size="mini" style="margin-top: 20px;">
                <el-form-item label="移入库名：" label-width="120px">
                    {{ tIomWarehouseIn.iomName }}
                </el-form-item>
            </el-form>
            <el-table
                    :data="tIomWarehouseIns"
                    border
                    style="width: 100%">
                <el-table-column
                        prop="id"
                        label="序号">
                </el-table-column>
                <el-table-column
                        prop="iomGoodsno"
                        label="产品码">
                </el-table-column>
                <el-table-column
                        prop="iomGoods"
                        label="商品名称">
                </el-table-column>
                <el-table-column
                        prop="iomName"
                        label="入库库名">
                </el-table-column>
                <el-table-column
                        prop="iomArea"
                        label="入库库区">
                </el-table-column>
                <el-table-column
                        prop="iomShelves"
                        label="入库货架">
                </el-table-column>
                <el-table-column
                        prop="iomCargoloca"
                        label="入库货位">
                </el-table-column>
            </el-table>
            <el-form :inline="true" class="demo-form-inline" size="mini" style="margin-top: 20px;">
                <el-form-item label="负责人：" label-width="120px">
                    {{ details.mvPerson }}
                </el-form-item>
                <el-form-item label="联系电话：" label-width="120px">
                    {{ details.mvTel }}
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini">
                <el-form-item label="移库时间：" label-width="120px">
                    {{ details.mvTime }}
                </el-form-item>
                <el-form-item label="转移数量：" label-width="120px" style="margin-left: 0;">
                    {{ details.mvNumber }}
                </el-form-item>
            </el-form>
            <el-form :inline="true" class="demo-form-inline" size="mini">
                <el-form-item label="移库原因：" label-width="120px">
                    {{ details.mvMark }}
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="dialogMoveDetails = false"  style="margin: 0 auto;">返 回</el-button>
            </div>
        </el-dialog>
        <div class="block" style="margin-top: 10px;">
            <el-pagination @size-change="handleSizeChange"
                           @current-change="handleCurrentChange"
                           :current-page="currentPage"
                           :page-sizes="page_size"
                           :page-size="4"
                           layout="total, sizes, prev, pager, next, jumper"
                           :total="count"
                           :background="back">
            </el-pagination>
        </div>
    </div>
</body>
<script>
    new Vue({
        el: "#app",
        data(){
            return{
                // 当前页数
                currentPage: 1,
                // 发货订单总数
                count : 0,
                // 每页的数据
                page_size : [5,10],
                // 当前每页的数据
                pageSize : 5,
                // 分页背景
                back: true,
                // 表格边框
                border: true,
                // 所有移库单表信息
                moveWarehouses: [],
                // 所有仓库信息
                menus: [],
                menus1: [],
                // 要移动的商品信息
                moveProducts: [],
                // 要移入的商品信息
                moveInProducts: [],
                // 移出的仓库
                menu: {},
                // 移入的仓库
                moveInMenu: {},
                // 移入仓库的库名
                moveInName: '',
                // 要转移商品的名称
                moveProductName: '',
                // 移库操作模态框
                dialogMoveVisible: false,
                // 移库详情模态框
                dialogMoveDetails: false,
                // 库区
                warehouses: [],
                warehouse: {},
                // 货架
                shelves: [],
                // 移库单信息
                tMoveWarehouse: {},
                // 出入库详情
                tIomWarehouse: [],
                // 出入库详情,出库
                tIomWarehouseOut: {},
                tIomWarehouseOuts: [],
                // 出入库详情，入库
                tIomWarehouseIn: {},
                tIomWarehouseIns: [],
                // 移库详情
                details: {},
                isRouterAlive:true,
            }
        },
        methods:{
            reload() {
                this.isRouterAlive = false;
                this.$nextTick(() => {
                    this.isRouterAlive = true;
                })
            },
            provide(){
                return {
                    reload:this.reload,
                }
            },
            // 加载移库表信息
            loadMoveWarehouse(){
                axios.get("/moveWarehouse/"+this.currentPage+"/"+this.pageSize)
                    .then(res => {
                        this.moveWarehouses = res.data.data;
                        this.count = res.data.count;
                    });
            },
            // 加载所有仓库
            loadMenus(){
                axios.get("/menus")
                    .then(res => {
                        this.menus = res.data;
                        this.menus1 = res.data;
                    });
            },
            // 根据仓库名查询库区
            loadWarehouses(){
                axios.get("/warehouses?menuName=" + this.moveInName)
                    .then(res => {
                        this.warehouses = res.data;
                    });
            },
            // 移库操作
            move(){
                this.dialogMoveVisible = true;
            },
            // 商品名改变对货位商品名进行模糊查询
            productNameChange(){
                // 没有选择仓库直接return
                if(!this.menu.menuNo){
                    this.moveProducts = [];
                    this.moveInProducts = [];
                    return;
                }
                // 查询输入的商品名为空，直接return
                if(!this.moveProductName){
                    this.moveProducts = [];
                    this.moveInProducts = [];
                    return;
                }
                axios.get("/cargo/" + this.moveProductName + "/" + this.menu.menuNo)
                    .then(res => {
                        this.moveProducts = res.data;
                        this.moveInProducts = JSON.parse(JSON.stringify(this.moveProducts));
                        for (let i = 0; i < this.moveInProducts.length; i++) {
                            this.moveInProducts[i].menu.wareName = this.moveInName;
                            this.moveInProducts[i].shelves = new Array();
                        }
                    });
            },
            // 移出仓库改变
            menuOut(){
                this.productNameChange();
            },
            // 移入仓库改变
            menuIn(){
                if(!this.moveInName){
                    for (let i = 0; i < this.moveInProducts.length; i++) {
                        this.moveInProducts[i].menu.wareName = '';
                        this.moveInProducts[i].shelves = [];
                        this.moveInProducts[i].cargos = [];
                        this.$set(this.moveInProducts[i],'iomArea','');
                        this.$set(this.moveInProducts[i],'iomShelves','');
                        this.$set(this.moveInProducts[i],'iomCargoloca','');
                    }
                    this.warehouses = [];
                    return;
                }
                for (let i = 0; i < this.moveInProducts.length; i++) {
                    this.moveInProducts[i].menu.wareName = this.moveInName;
                    this.moveInProducts[i].shelves = [];
                    this.moveInProducts[i].cargos = [];
                    this.$set(this.moveInProducts[i],'iomArea','');
                    this.$set(this.moveInProducts[i],'iomShelves','');
                    this.$set(this.moveInProducts[i],'iomCargoloca','');
                    this.moveInProducts[i].iomName = this.moveInName;
                }
                this.loadWarehouses();
            },
            // 移入的货区改变
            warehouseChange(row,warehouseNo){
                if(!warehouseNo){
                    this.$set(row,'iomShelves','');
                    this.$set(row,'iomCargoloca','');
                    row.shelves = [];
                    return;
                }
                this.$set(row,'iomShelves','');
                this.$set(row,'iomCargoloca','');
                // 根据货区编号查询货架
                axios.get("/shelve/" + warehouseNo)
                    .then(res => {
                        row.shelves = res.data;
                    });
            },
            // 移入的货架改变时
            shelvesChange(row,shelvesNo){
                if(!shelvesNo){
                    this.$set(row,'iomCargoloca','');
                    row.cargos = [];
                    this.reload();
                    return;
                }
                this.reload();
                this.$set(row,'iomCargoloca','');
                axios.get("/cargos/" + shelvesNo)
                    .then(res => {
                        row.cargos = res.data;
                    });
            },
            // 移入的货位改变时
            cargosChange(row,cargoNo){

            },
            // 确认移库
            warehouseIn(index,row){
                if(!this.tMoveWarehouse.mvPerson){
                    this.$message("负责人不能为空");
                    return;
                };
                if(!this.tMoveWarehouse.mvTel){
                    this.$message("联系电话不能为空");
                    return;
                };
                if(!this.tMoveWarehouse.mvTime){
                    this.$message("移库时间不能为空");
                    return;
                };
                if(!this.tMoveWarehouse.mvNumber){
                    this.$message("移库数量不能为空");
                    return;
                };
                if(this.tMoveWarehouse.mvNumber > this.moveProducts[index].productNum){
                    this.$message("移库数量不能大于货位上的商品数量");
                    return;
                };
                if(!this.tMoveWarehouse.mvTel){
                    this.$message("移库原因不能为空");
                    return;
                };
                if(!row.iomArea){
                    this.$message("货区不能为空");
                    return;
                };
                if(!row.iomShelves){
                    this.$message("货架能为空");
                    return;
                };
                if(!row.iomCargoloca){
                    this.$message("货位不能为空");
                    return;
                };
                // 移出仓库
                this.tMoveWarehouse.mvOut = this.moveProducts[index].menu.wareName;
                // 移入仓库
                this.tMoveWarehouse.mvIn = row.iomName;
                // 转移商品
                this.tMoveWarehouse.mvGoods = row.product;
                // 移库单号
                this.tMoveWarehouse.mvNo = parseInt(Math.random()*123456789000);

                // 出入库详情表出库信息
                this.tIomWarehouseOut.iomGoodsno = this.moveProducts[index].id;
                this.tIomWarehouseOut.iomGoods = this.moveProducts[index].product;
                this.tIomWarehouseOut.iomName = this.moveProducts[index].menu.wareName;
                this.tIomWarehouseOut.iomArea = this.moveProducts[index].warehouse.goodsName;
                this.tIomWarehouseOut.iomShelves = this.moveProducts[index].shelves.shelvesNo;
                this.tIomWarehouseOut.iomCargoloca = this.moveProducts[index].cargoNo;
                this.tIomWarehouseOut.iomTime = this.tMoveWarehouse.mvTime;
                this.tIomWarehouseOut.iomNo = this.tMoveWarehouse.mvNo;
                this.tIomWarehouseOut.iomFlag = 0;
                this.tIomWarehouseOut.iomNumber = this.tMoveWarehouse.mvNumber;

                // 出入库详情表入库信息
                this.tIomWarehouseIn.iomGoodsno = row.id;
                this.tIomWarehouseIn.iomGoods = row.product;
                this.tIomWarehouseIn.iomName = row.iomName;
                this.tIomWarehouseIn.iomArea = row.iomArea;
                this.tIomWarehouseIn.iomShelves = row.iomShelves;
                this.tIomWarehouseIn.iomCargoloca = row.iomCargoloca;
                this.tIomWarehouseIn.iomTime = this.tMoveWarehouse.mvTime;
                this.tIomWarehouseIn.iomNo = this.tMoveWarehouse.mvNo;
                this.tIomWarehouseIn.iomFlag = 1;
                this.tIomWarehouseIn.iomNumber = this.tMoveWarehouse.mvNumber;

                // 添加移库单信息
                this.tMoveWarehouse.mvIn = this.moveInName;
                this.tMoveWarehouse.mvTime = this.tMoveWarehouse.mvTime.valueOf();
                axios.post("/moveWarehouse",this.tMoveWarehouse)
                    .then(res => {
                        if(res.data == "ok"){
                            this.tMoveWarehouse = {};
                            this.$set(this.moveInProducts[index],'iomArea','');
                            this.$set(this.moveInProducts[index],'iomShelves','');
                            this.$set(this.moveInProducts[index],'iomCargoloca','');
                            row.shelves = [];
                            row.cargos = [];
                        }
                    });
                // 添加出库详情表出库信息
                axios.post("/iomWarehouse",this.tIomWarehouseOut)
                    .then(res => {
                        if(res.data == "ok"){

                        }
                    });
                // 添加出库详情表入库信息
                this.tIomWarehouseIn.iomName = this.moveInName;
                axios.post("/iomWarehouse",this.tIomWarehouseIn)
                    .then(res => {
                        if(res.data == "ok"){
                            this.$message({
                                type: "success",
                                message: "移库成功",
                            });
                            this.productNameChange();
                            this.loadMoveWarehouse();
                        }
                    });
            },
            // 显示移库详情
            showIomWarehouse(row){
                this.details = row;
                axios.get("/iomWarehouse/" + row.mvNo)
                    .then(res => {
                        this.tIomWarehouse = res.data;
                        for (let i = 0; i < this.tIomWarehouse.length; i++) {
                            if(this.tIomWarehouse[i].iomFlag == 0){
                                this.tIomWarehouseOut = this.tIomWarehouse[i];
                                this.tIomWarehouseOuts.push(this.tIomWarehouse[i]);
                                continue;
                            }else {
                                this.tIomWarehouseIn = this.tIomWarehouse[i];
                                this.tIomWarehouseIns.push(this.tIomWarehouse[i]);
                            }
                        }
                    });
                this.dialogMoveDetails = true;
            },
            // 切换每页数据个数
            handleSizeChange(val) {
                this.pageSize = val;
                this.loadMoveWarehouse();
            },
            // 切换当前页数
            handleCurrentChange(val) {
                this.currentPage = val;
                this.loadMoveWarehouse();
            },
            // 关闭模态框触发事件
            closeDialog(){
                this.menu = {};
                this.moveInMenu = {};
                this.moveProductName = '';
                this.moveInProducts = [];
                this.moveProducts = [];
                this.moveInName = '';
                this.tMoveWarehouse = {};
            },
            closeMoveDetails(){
                this.tIomWarehouseOuts = [];
                this.tIomWarehouseIns = [];
                this.dialogMoveDetails = false;
            },
        },
        mounted(){
            this.loadMoveWarehouse();
            this.loadMenus();
        }
    });
</script>
</html>